<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
    <title>Document</title>
       <!-- bootstrap -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

  <!-- animate.css -->
  <link rel="stylesheet" href="./assets/css/animate.min.css" />

  <!-- reset.less -->
  <link rel="stylesheet/less" href="./assets/css/reset.less" />

  <!-- index.less -->
  <link rel="stylesheet/less" href="./assets/css/my.less" />
</head>
<body>
    <header class="header">
        <div class="logo glyphicon glyphicon-menu-left">

        </div>
        <div class="word">
            <span>个人中心</span>
        </div>
        <div class="cl glyphicon glyphicon-cog">

        </div>
    </header>

<!-- list -->
<div class="list">
    <div class="container">
        <div class="top">
            <div class="left">
                <div class="left1">
                    <img src="./assets/images/wd1.png" alt="">
                </div>
                <div class="wd">
                    <span>登录/注册</span>
                    <p>立即开启</p>
                </div>
            </div>
            <div class="right">

            </div>

            <div class="bottom">
                <div class="bln">
                    <div class="bmm">
                        <div class="bom">
                            <span>0</span>
                            <p>优惠券</p>
                        </div>
                        <div class="bom">
                            <span>0</span>
                            <p>积分</p>
                        </div>
                        <div class="bom">
                            <span>0</span>
                            <p>余额</p>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
    </div>
</div>

<div class="about">
    <div class="container">
        <div class="box">
            <div class="box1">
                <img src="./assets/images/hg1.png" />
            </div>
            <div class="box2">
                <span>开通会员，平均可省800/年</span>
            </div>
            <button>立即开通</button>
        </div>
    </div>
</div>


<!-- order -->
<div class="order">
    <div class="container">
        <div class="top">
            <span>我的订单</span>
            <p>全部订单</p>
        </div>
        <div class="bottom">
            <div class="china">
                <div class="tip">
                    <img src="./assets/images/ding1.png" />
                </div>
                <div class="bqn">
                    <span>待付款</span>
                </div>
            </div>
            <div class="china">
                <div class="tip">
                    <img src="./assets/images/ding2.png" />
                </div>
                <div class="bqn">
                    <span>待发货</span>
                </div>
            </div>
            <div class="china">
                <div class="tip">
                    <img src="./assets/images/ding3.png" />
                </div>
                <div class="bqn">
                    <span>待收货</span>
                </div>
            </div>
            <div class="china">
                <div class="tip">
                    <img src="./assets/images/ding5.png" />
                </div>
                <div class="bqn">
                    <span>售后/退款</span>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="wind">
    <div class="container">
        <div class="amis">
            <div class="left">
                <span>收货地址</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
        <div class="amis">
            <div class="left">
                <span>联系客服</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
        <div class="amis">
            <div class="left">
                <span>设置</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
        <div class="amis">
            <div class="left">
                <span>关于</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
        <div class="amis">
            <div class="left">
                <span>个人资料</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
        <div class="amis">
            <div class="left">
                <span>我的积分</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
        <div class="amis">
            <div class="left">
                <span>收货地址</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
        <div class="amis">
            <div class="left">
                <span>发票信息</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
        <div class="amis">
            <div class="left">
                <span>修改密码</span>
            </div>
            <div class="right">
                <img src="./assets/images/lt1.png" />
            </div>
        </div>
    </div>
</div>





<footer class="footer">
    <a href="./index.html" class="item">
      <span class="glyphicon glyphicon-home"></span>
      <span>首页</span>
    </a>
    <a href="./classification.html" class="item">
      <span class="glyphicon glyphicon glyphicon-th-large"></span>
      <span>分类</span>
    </a>
    <a href="./shopping.html" class="item">
      <span class="glyphicon glyphicon-shopping-cart"></span>
      <span>购物车</span>
    </a>
    <a href="./my.html" class="item">
      <span class="glyphicon glyphicon-user"></span>
      <span>我的</span>
    </a>
  </footer>


</body>
</html>

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/wow.min.repeat.js"></script>